<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>博学谷</title>
    <meta name="description" content="博学谷网站介绍" />
    <!-- 引入网站图标 -->
    <link rel="stylesheet icon" href="./favicon.ico" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/base.css" />
  </head>
  <body>
    <!-- header开始 -->
    <div class="header">
      <div class="w">
        <div class="logo">
          <h1>
            <a href="#"><img src="./images/logo.png" alt="" /></a>
          </h1>
        </div>
        <div class="shortcut">
          <ul>
            <li><a href="#">云课堂</a></li>
            <li><a href="#">精灵问答</a></li>
          </ul>
        </div>
        <div class="register">
          <ul>
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- header结束 -->
    <!-- 固定定位区域开始 -->
    <div class="fix">
        学<br>
        习<br>
        中<br>
        心<br>
    </div>
     <!-- 固定定位区域结束 -->
    <!-- banner开始 -->
    <div class="banner w">
      <div class="banner_left">
        <p><span></span><span></span><span></span></p>
        <img src="./images/banner.jpg" alt="" />
      </div>
      <div class="banner_right">
        <h4>最新动态</h4>
        <ul>
          <li>
            <a href="#"><span>·</span>云计算在线班，挑战年薪30W</a>
          </li>
          <li>
            <a href="#"><span>·</span>Web前端在线实战班，不解释</a>
          </li>
          <li>
            <a href="#"><span>·</span>UI设计打造会代码的全能设计师</a>
          </li>
          <li>
            <a href="#"><span>·</span>获取更多学习资料+源码+笔记</a>
          </li>
          <li>
            <a href="#"><span>·</span>轻松了解传智播客十大学科</a>
          </li>
          <li>
            <a href="#"><span>·</span>教学直播间，真实课堂教学体验</a>
          </li>
          <li>
            <a href="#"><span>·</span>2016年传智各学科学费价格表</a>
          </li>
          <li>
            <a href="#"><span>·</span>一张贴看完黑马所有薪资</a>
          </li>
        </ul>
      </div>
    </div>
    <!-- banner结束 -->
    <!-- 热门推荐开始 -->
    <div class="recommend w">
      <div class="recommend_left">
        <img src="./images/indexHotRecommend.png" alt="" />
      </div>
      <div class="recommend_right">
        <ul>
          <li>
            <a href="#">
              <div class="img">
                <img src="./images/3cec774e555e4003806fc4625c187bd1.jpg" alt="" />
              </div>
              <div class="imgdesc">
                <h5>PS基础精品班</h5>
                <p><span> ￥98.00</span><span> ￥198.00</span><span> 369人已学习</span></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img">
                <img src="./images/3cec774e555e4003806fc4625c187bd1.jpg" alt="" />
              </div>
              <div class="imgdesc">
                <h5>PS基础精品班</h5>
                <p><span> ￥98.00</span><span> ￥198.00</span><span> 369人已学习</span></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img">
                <img src="./images/85552dcc79f440929328b621d93ba70c.jpg" alt="" />
              </div>
              <div class="imgdesc">
                <h5>PS基础精品班</h5>
                <p><span> ￥98.00</span><span> ￥198.00</span><span> 369人已学习</span></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img">
                <img src="./images/3cec774e555e4003806fc4625c187bd1.jpg" alt="" />
              </div>
              <div class="imgdesc">
                <h5>PS基础精品班</h5>
                <p><span> ￥98.00</span><span> ￥198.00</span><span> 369人已学习</span></p>
              </div>
            </a>
          </li>
        </ul>
      </div>
    </div>
    <!-- 热门推荐结束 -->
    <!-- 职业课程开始 -->
    <div class="course w">
      <div class="course_hd">
        <h4>职业课程</h4>
        <ul>
          <li><a href="#">全部</a></li>
          <li><a href="#">基础课</a></li>
          <li><a href="#">公开课</a></li>
          <li><a href="#">就业课</a></li>
          <li><a href="#">提高课</a></li>
        </ul>
      </div>
      <div class="course_bd">
        <ul>
          <li>
            <a href="#">
              <div class="img">
                <img src="./images/336eb94512234e20b26490661f666cf2.jpg" alt="" />
              </div>
              <div class="imgdesc">
                <h5>Web前端开发就业班</h5>
                <p class="time">285小时&nbsp;&nbsp;|&nbsp;&nbsp;讲师：汪老师、邹老师</p>
                <p class="price"><span>￥6500.00</span><span>￥9900.00</span><span> 369人已学习</span></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img">
                <img src="./images/336eb94512234e20b26490661f666cf2.jpg" alt="" />
              </div>
              <div class="imgdesc">
                <h5>Web前端开发就业班</h5>
                <p class="time">285小时&nbsp;&nbsp;|&nbsp;&nbsp;讲师：汪老师、邹老师</p>
                <p class="price"><span>￥6500.00</span><span>￥9900.00</span><span> 369人已学习</span></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img">
                <img src="./images/336eb94512234e20b26490661f666cf2.jpg" alt="" />
              </div>
              <div class="imgdesc">
                <h5>Web前端开发就业班</h5>
                <p class="time">285小时&nbsp;&nbsp;|&nbsp;&nbsp;讲师：汪老师、邹老师</p>
                <p class="price"><span>￥6500.00</span><span>￥9900.00</span><span> 369人已学习</span></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img">
                <img src="./images/336eb94512234e20b26490661f666cf2.jpg" alt="" />
              </div>
              <div class="imgdesc">
                <h5>Web前端开发就业班</h5>
                <p class="time">285小时&nbsp;&nbsp;|&nbsp;&nbsp;讲师：汪老师、邹老师</p>
                <p class="price"><span>￥6500.00</span><span>￥9900.00</span><span> 369人已学习</span></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img">
                <img src="./images/336eb94512234e20b26490661f666cf2.jpg" alt="" />
              </div>
              <div class="imgdesc">
                <h5>Web前端开发就业班</h5>
                <p class="time">285小时&nbsp;&nbsp;|&nbsp;&nbsp;讲师：汪老师、邹老师</p>
                <p class="price"><span>￥6500.00</span><span>￥9900.00</span><span> 369人已学习</span></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#"
              ><div class="img">
                <img src="./images/336eb94512234e20b26490661f666cf2.jpg" alt="" />
              </div>
              <div class="imgdesc">
                <h5>Web前端开发就业班</h5>
                <p class="time">285小时&nbsp;&nbsp;|&nbsp;&nbsp;讲师：汪老师、邹老师</p>
                <p class="price"><span>￥6500.00</span><span>￥9900.00</span><span> 369人已学习</span></p>
              </div></a
            >
          </li>
          <li>
            <a href="#">
              <div class="img">
                <img src="./images/336eb94512234e20b26490661f666cf2.jpg" alt="" />
              </div>
              <div class="imgdesc">
                <h5>Web前端开发就业班</h5>
                <p class="time">285小时&nbsp;&nbsp;|&nbsp;&nbsp;讲师：汪老师、邹老师</p>
                <p class="price"><span>￥6500.00</span><span>￥9900.00</span><span> 369人已学习</span></p>
              </div>
            </a>
          </li>
          <li>
            <a href="#"
              ><div class="img">
                <img src="./images/336eb94512234e20b26490661f666cf2.jpg" alt="" />
              </div>
              <div class="imgdesc">
                <h5>Web前端开发就业班</h5>
                <p class="time">285小时&nbsp;&nbsp;|&nbsp;&nbsp;讲师：汪老师、邹老师</p>
                <p class="price"><span>￥6500.00</span><span>￥9900.00</span><span> 369人已学习</span></p>
              </div></a
            >
          </li>
        </ul>
      </div>
      <i
        ><a href="#">1</a>
        <a href="#">2</a>
        <a href="#">&gt</a></i
      >
    </div>
    <!-- 职业课程结束 -->
    <!-- 学员故事开始 -->
    <div class="story w">
      <div class="story_hd">
        <h4>学员故事</h4>
      </div>
      <div class="story_bd">
        <ul>
          <li>
            <div class="student_left">
              <div class="img">
                <img src="./images/a41e7eb77d8742ffb2a314efe3959c4a.png" alt="" />
              </div>
              <p>张曾天</p>
            </div>
            <div class="student_right">
              <h4>同方鼎欣&nbsp;&&nbsp;薪资13k</h4>
              <p><span>“</span>古语云：三十而立，我却在28岁开始学习软件开发，这是我在大学毕业工作五年后做出的一个让人无法理解的选择。我鼓起勇气在28岁时从头开始一段程序人生。<span>”</span></p>
            </div>
          </li>
          <li>
            <div class="student_left">
              <div class="img">
                <img src="./images/d987521cf094409280ad7a5674788e8a.png" alt="" />
              </div>
              <p>张曾天</p>
            </div>
            <div class="student_right">
              <h4>同方鼎欣&nbsp;&&nbsp;薪资13k</h4>
              <p><span>“</span>古语云：三十而立，我却在28岁开始学习软件开发，这是我在大学毕业工作五年后做出的一个让人无法理解的选择。我鼓起勇气在28岁时从头开始一段程序人生。<span>”</span></p>
            </div>
          </li>
          <li>
            <div class="student_left">
              <div class="img">
                <img src="./images/3d93b95365db4af387ac98fd0e56941d.png" alt="" />
              </div>
              <p>张曾天</p>
            </div>
            <div class="student_right">
              <h4>同方鼎欣&nbsp;&&nbsp;薪资13k</h4>
              <p><span>“</span>古语云：三十而立，我却在28岁开始学习软件开发，这是我在大学毕业工作五年后做出的一个让人无法理解的选择。我鼓起勇气在28岁时从头开始一段程序人生。<span>”</span></p>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 学员故事结束 -->
    <!-- footer开始 -->
    <div class="footer">
        <div class="w">
            <div class="footer_hd">
                <ul>
                    <li>
                        <h4>博学谷云课堂</h4>
                        <p>
                            博学谷云课堂，是传智播客旗下的在线教育品牌。专注整合传智优势教学资源、打造适合在线学习并能保证教学结果的优质教学产品，同时打造和运营一整套教育生态软件体系，为用户提供满足自身成长和发展要求的有效服务。
                        </p>
                    </li>
                    <li>
                        <h4>关注我们</h4>
                         <div class="img_left">
                             <a href="#">
                                 <img src="./images/weibo.png" alt="">
                             </a>
                         </div>
                         <div class="img_right">
                             <a href="#">
                                 <img src="./images/weiixin.png" alt="">
                             </a>
                         </div>
                    </li>
                    <li>
                        <h4>友情链接</h4>
                        <p>
                            <a href="#">传智播客</a>
                            <a href="#">传智播客</a>
                            <a href="#">传智播客</a>
                            <a href="#">传智播客</a>
                            <a href="#">传智播客</a>
                            <a href="#">传智播客</a>
                            <a href="#">传智播客</a>
                            <a href="#">传智播客</a>
                            <a href="#">传智播客</a>
                            <a href="#">传智播客</a> 
                        </p> 
                    </li>
                </ul>
            </div>
            <i></i>
            <div class="footer_bd">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#">人才招聘</a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#">常见问题</a></li>
                </ul>
                <p>
                    京ICP备00000000号 京公网安备110108007702 Copyright @ 2016 博学谷 All Rights Reserved 
                </p>
            </div>
        </div>
    </div> 
      <!-- footer结束 -->
  </body>
</html>
